<MCard
    Class="mx-auto"
    MaxWidth="500">
    <MList Shaped>
        <MListItemGroup
            @bind-Values="model"
            Multiple>
            @foreach (var (item,i) in items.Select((v, i) => (v,i)))
            {
                if (item == "")
                {
                    <MDivider></MDivider>
                }
                else
                {
                    <MListItem Value="item" ActiveClass="deep-purple--text text--accent-4">
                        <ItemContent>
                            <MListItemContent>
                                <MListItemTitle>@item</MListItemTitle>
                            </MListItemContent>
                            <MListItemAction>
                                <MCheckbox Value="@context.Active" Color="deep-purple accent-4"></MCheckbox>
                            </MListItemAction>
                        </ItemContent>
                    </MListItem>
                }
            }
        </MListItemGroup>
    </MList>
</MCard>

@code {

    List<string> items = new()
    {
        "Dog Photos",
        "Cat Photos",
        "",
        "Potatoes",
        "Carrots",
    };

    List<StringNumber> model = new() {"Carrots"};

}